<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>路径分页标签和徽章组件</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>

    </style>
</head>
<body style="margin: 200px;">
<ol class="breadcrumb">
    <li><a href="">首页</a></li>
    <li><a href="">产品列表</a></li>
    <li class="active">没额么诶么么</li>
</ol>
<ul class="pagination pagination-lg">
    <li><a href="">&laquo;</a></li>
    <li class="active"><a href="">1</a></li>
    <li><a href="">2</a></li>
    <li><a href="">3</a></li>
    <li><a href="">4</a></li>
    <li class="disabled"><a href="">5</a></li>
    <li><a href="">&raquo;</a></li>
</ul>
<ul class="pager">
    <li><a href="">上一页</a></li>
    <li><a href="">下一页</a></li>
</ul>
<ul class="pager">
    <li class="previous disabled"><a href="">上一页</a></li>
    <li class="next"><a href="">下一页</a></li>
</ul>
<h3>标签 <span class="label label-warning">new</span></h3>
<a href="" class="bg-success">信息 <span class="badge">10</span></a>

<button class="btn ">
    提交 <span class="badge">3</span>
</button>

<ul class="nav nav-pills">
    <li class="active"><a href="">首页 <span class="badge">2</span></a></li>
    <li><a href="">关于</a></li>
</ul>
</body>
</html>